<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
	<title>新闻</title>
	<link rel="stylesheet" href="css/pub_style.css">
	<link rel="stylesheet" href="iconfont/iconfont.css">
</head>
<body>
  <!-- 顶部区域 -->
  <header>
      <img id="logo" src="images/logo.png" alt="">
      <a href=""><img id="email" src="images/email.png" alt=""></a>
  </header>
  <!-- 分类导航区域 -->
  <nav>
    <a href="index.html">推荐</a>
    <a href="list_xinwen.html">新闻</a>
    <a style="color:#FF3333;" href="list_tiyu.html">体育</a>
    <a href="list_yule.html">娱乐</a>
    <a href="list_caijing.html">财经</a>
		<a href="javascript:;"><i class="iconfont i">&#xe602;</i></a>
	</nav>
	<!-- 轮播区域 -->
	<div id="lunbo">
		<a href=""><img src="images/list3/lunbo.jpeg" alt=""></a>
	</div>
  <!-- 广告区域 -->
  <a href=""><img style="width:95vw;margin:0 auto;display:block;margin-top:2vw;margin-bottom:2vw;" src="images/list3/ad2.jpeg" alt=""></a>  
  <!-- 最新新闻 -->
  <article>      
        <section>
            <a href="">
              <img src="images/list3/list1.jpeg" alt="">
                <div class="content">
                    <span class="title">骑士VS勇士 库里单节取16分</span>
                  <div class="content_bottom">
                        <div class="tag">
                           <time>21小时前</time>
                        </div>  
                        <div class="read_num">
                           <i class="iconfont i">&#xe606;</i>&nbsp;&nbsp;<span>9355</span>
                        </div> 
                    </div>
                </div>
            </a> 
        </section>
        <section>
            <a href="">
                <img src="images/list3/list2.jpeg" alt="">
                <div class="content">
                    <span class="title">不甘！廖力生赛后独留场内发呆</span>
                    <div class="content_bottom">
                        <div class="tag">
                           <time>6小时前</time>
                        </div>  
                        <div class="read_num">
                           <i class="iconfont i">&#xe606;</i>&nbsp;&nbsp;<span>6290</span>
                        </div> 
                    </div>
                </div>
            </a>
        </section>
         <section>
            <a href="">
              <img src="images/list3/list3.jpg" alt="">
                <div class="content">
                    <span class="title">猴年致富秘诀早知道</span>
                  <div class="content_bottom">
                        <div class="tag">
                            <span style="color:#7D7D7D;;border-color:#7D7D7D;" class="xinwen">推广</span>
                        </div>  
                    </div>
                </div>
            </a> 
        </section>
        <section>
            <a href="">
                <img src="images/list3/list4.jpeg" alt="">
                <div class="content">
                    <span class="title">J罗再犯“热身困难症”惹怒齐祖</span>
                    <div class="content_bottom">
                        <div class="tag">
                           <time>2小时前</time>
                        </div>  
                        <div class="read_num">
                           <i class="iconfont i">&#xe606;</i>&nbsp;&nbsp;<span>747</span>
                        </div> 
                    </div>
                </div>
            </a>
        </section>
    </article>
	<!-- 图展新闻 -->
    <div class="news">
    	<h3 class="news_title">内马尔极品前任：3次出轨+演技女</h3>
    	<div class="news_tu">
    		<a href=""><img src="images/list3/news1.jpeg" alt=""></a>
    		<a href=""><img src="images/list3/news2.jpeg" alt=""></a>
    		<a href=""><img src="images/list3/news3.jpeg" alt=""></a>
    	</div>
    	<div class="news_bottom">
    	   <div class="tag">
	    	   <time>6小时前</time>
    	   </div>
    	   <div class="read_num">
    	   	   <i class="iconfont i">&#xe606;</i>&nbsp;&nbsp;<span>988</span>
    	   </div>
    	</div>
    </div>

   <!-- 列表新闻区域 -->
    <article>      
        <section>
            <a href="">
            	<img src="images/list3/list5.jpeg" alt="">
                <div class="content">
                    <span class="title">摊事了！库里“香槟论”惹怒骑士</span>
                	  <div class="content_bottom">
                        <div class="tag">
                           <time>2小时前</time>
                        </div>  
                        <div class="read_num">
                           <i class="iconfont i">&#xe606;</i>&nbsp;&nbsp;<span>1719</span>
                        </div> 
                    </div>
                </div>
            </a> 
        </section>

        <section>
            <a href="">
                <img src="images/list3/list6.jpeg" alt="">
                <div class="content">
                    <span class="title">总局开窍？CBA终将“民进国退”</span>
                    <div class="content_bottom">
                        <div class="tag">
                           <time>3小时前</time>
                        </div>  
                        <div class="read_num">
                           <i class="iconfont i">&#xe606;</i>&nbsp;&nbsp;<span>350</span>
                        </div> 
                    </div>
                </div>
            </a>
        </section>
    </article>
    <!-- footer部分 -->
    <footer>
        <div class="copyright">@1997-2016网易公司版权所有</div>
    </footer>
</body>
</html>